<#include "../component/layout.html"/>
<@layout>
<div class="goods-detail clearfix">
	<div class="main">
		<!-- 主图开始 -->
		<div class="pic-panel" style="width:566px">
			<a id="style-pic-link" href="${image.buy_url}"
				style="height:${image.detail_height}px;width:${image.detail_width}px;">
				<img id="style-pic" src="${image.detail_url}">
			</a>
		</div>
		<!-- 主图结束 -->
	</div>
	<div class="side">
		<!-- 商品信息开始 -->
		<div class="good-info clearfix">
			<div class="des">
				<h2>
					<a href="javascript:void(0);" target="_blank">${image.description!}</a>
				</h2>
				<div class="brand clearfix">
					<ul>
						<li>
							<img class="user-pic" width="60" height="60" src="${image.avatar_large}">
						</li>
						<li>
							<a class="user-name" href="/user/${image.user_id}">${image.nickname}</a>
                            <p><span class="time-icon">发布于${image.check_time}</span></p>
						</li>
					</ul>
				</div>		
				<div class="buy">
					<a href="${image.buy_url}" target="_blank">
						<p class="price">￥${image.price}</p>
						<p class="view-more">前往购买</p>
					</a> 
				</div>
			</div>
		</div>
		<!-- 商品信息结束 -->
		<!-- 相关推荐开始 -->
		<div class="good-related clearfix" style="display:none;">
        	<h2>相似推荐</h2>
            <ul id="J_share_item">
            	<li>
                	<div class="pic">
                    	<a type="detail_revelent" href="javascript:void(0);" target="_blank">
                    		<img src="" title="" alt="" style="opacity: 0.8999999761581421;">
                    	</a>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a type="detail_revelent" href="javascript:void(0);" target="_blank">
                        	<img src="" title="" alt="" style="opacity: 1;">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a type="detail_revelent" href="javascript:void(0);" target="_blank">
                        	<img src="" title="" alt="" style="opacity: 1;">
                        </a>   
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a type="detail_revelent" href="javascript:void(0);" target="_blank">
                        	<img src="" title="" alt="" style="opacity: 1;">
                        </a>   
                    </div>
                </li>
            </ul>
        </div>
		<!-- 相关推荐结束 -->
	</div>
</div>
</@layout>
<script type="text/javascript">
	$(".header-navi li").dropDown({
		classNm: ".drop-down",
		offsetX: 55,
		offsetY: 6,
		duration:65,
		isLocation: true
	});
	$(".header-user-info li").dropDown({
		classNm: ".drop-down",
		offsetX: 75,
		offsetY: 6,
		duration:65,
		isLocation: true
	});
	
	TOP.api('rest', 'get',{
	    method:'taobao.taobaoke.widget.items.convert',
	    track_iids:'${image.source_id!}',
	    outer_code:'${image.user_id!}',
	    fields:'num_iid,click_url,commission_rate'
	  },function(resp){
	    if(resp.error_response){
	      //alert('taobao.taobaoke.widget.items.convert接口获取商品信息品失败!'+resp.error_response.msg);
	      return false;
	     }
	     var respItem=resp.taobaoke_items.taobaoke_item;
	     $(".buy > a").attr("href",respItem[0].click_url);
	  })
</script>